{% extends "_layouts/examples.html" %}
{% block title %}Image position / Bottom{% endblock %}

{% block content %}
<section class="p-strip u-image-position" style="border: 1px solid #cdcdcd;">
  <div class="row">
    <div class="col-6">
      <h2>Fast, secure and simple, Ubuntu powers millions of PCs worldwide</h2>
      <p>Download the latest version of Ubuntu, for desktop PCs and laptops.</p>
    </div>
    <div class="col-6">
      <img src="https://assets.ubuntu.com/v1/c6504e94-Dell_XPS_Laptop_Front-Desktop.png?h=200" alt="" class="u-image-position--bottom" />
    </div>
  </div>
</section>
{% endblock %}
